
/* search */

.fl-searchTop{
  width: 100vw;
  height: .8rem;
  border: .01rem solid #eee;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  padding: .12rem .16rem
}
.fl-search {
  position: relative;
  width: 7.1rem;
  height: .54rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}
.fl-search input{
  outline: none;
  border: none;
  width: 6.14rem;
  height: .54rem;
  border: .01rem solid #eee;
  border-radius: 3.07rem;
  padding-left: .6rem;
  background-color: #fafafa;
  font-size: .3rem;
}

.icon-weimingmingwenjianjia_sousuo{
  position: absolute;
  top: .03rem;
  left: .1rem;
}
.fl-search .text{
  display: inline-block;
  width: .96rem;
  margin-left: .5rem;
  color: #11B57C;
}
.fl-searchContent{
  width: 100vw;
  background: #fff;
  padding-top: .8rem;
  /* display: flex; */
}
.mask{
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: .8rem;
  left: 0;
  background-color: rgba(0,0,0,.4);
  z-index: 1100;
  display: none;
}
.nav{
  position: fixed;
  left: 0;
  top: .8rem;
  /* float: left; */
  width: 1.66rem;
  height: 100%;
  overflow: hidden;
  z-index: 98;
}
.navList{
  width: 1.66rem;
  height: 100%;
  background: #f4f4f4;
  padding: 0rem .25rem .5rem 0;
  overflow-y: scroll;
}
.navList li{
  padding: .32rem 0rem .32rem 0;
  text-align: center;
  font-size: .25rem;
  color: #333;
  width: 1.66rem;
  height: 1.02rem;
}
.navList li.active{
  color: #11B57C;
  border-left: .05rem solid #11B57C;
  background: #fff;
  /* display: none; */
}
.listContent{
  width: 100vw;
  height: auto;
  background: #fff;
  padding-left: 1.66rem;
  overflow: hidden;
}
.listContent li{
  width: 5.82rem;
  overflow: hidden;
} 
.listContent li .commodityBox{
  width: 5.82rem;
  height: auto;
  padding: .3rem .25rem;
  overflow-y: scroll;
  overflow-x: hidden;
  display: none;
}
.listContent li .commodityBox a{
  float: left;
  /* display: inline-block; */
  width: 1.66rem;
  height: 1.92rem;
  /* padding-top: 2rem; */
  text-align: center;
  font-size: .19rem;
  color: #808080;
  
}
.listContent li .commodityBox:nth-child(1){
  display: block;
}
.listContent li .commodityBox a img{
  width: 1.14rem;
  height: 1.14rem;
}